<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>新闻列表</title>
    
    <!-- 2-1.导入css -->
    
    <link rel="stylesheet" href="../layuiadmin/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="../layuiadmin/style/admin.css" media="all">
    <style type="text/css">
    	#title{
    		width:300px;
    		overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
    	}
    </style>
    
</head>
<body>
	<div id="headerpage" style="width:100%;height:154px;">
		<!--这个div是为了引入header.html头部-->
	</div> 
	<div style="width:200px;height:40px;position: relative;left: 200px;"><p id="title"></p></div>
	<div id="content" style="width:860px; margin: 30px auto;background-color: white;"></div>
	<!--这个div是为了引入footer.html头部-->
<iframe id="footerWrap"  width="100%" height="80px"  scrolling="no" frameborder="0"  src="/footer" noresize="noresize" /></iframe>
</body>

<!-- 2-2.导入js -->

<script src="../layuiadmin/layui/layui.js"></script>  
<script>
  
  layui.config({
    base: '../layuiadmin/' //静态资源所在路径
  }).extend({
    index: 'lib/index' //主入口模块
  }).use(['index', 'form','table', 'laydate'], function(){
    var table = layui.table
    ,form = layui.form
    ,$ = layui.$
    ,admin = layui.admin;
    //引入头
    $("#headerpage").load("/header");
    document.getElementById('title').innerHTML='正在浏览>>>${title}';
	document.getElementById('content').innerHTML='${content}';
    /* $.ajax({
	      url: '/message/getMessageNum',
	      type: 'POST',
	  	  dataType:'text',
	      success: function (data) {
   		 var jsonData=eval("("+data+")");
           
	         if(jsonData.status!=0){
	        	 document.getElementById("message").innerHTML='<i class="layui-icon layui-icon-notice"></i>'+'<span class="layui-badge-dot" style="margin-left:-5px;"></span>';
	         }
	       }
}) 
*/
  });
  </script>
</html>